<template>
  <!--组件结构-->
  <div class="School">
      <h1>学校名字：{{schoolName}}</h1>
      <h1>学校地址：{{schoolAddress}}</h1>
    </div>
</template>
<script>
//export default Vue.extend({...}) 可以简写export default {}
export default {
//组件交互
  name:"School",
  data(){
    return{schoolName:"尚硅谷", schoolAddress:"北京",}

  }
}
</script>
<style>
/*组件样式*/
h1{
  color: brown;
}
</style>
